



@extends('public.father')
@section('css')

<link href="/templates/hd/assets/AmazeUI-2.4.2/assets/css/admin.css" rel="stylesheet" type="text/css">
<link href="/templates/hd/assets/AmazeUI-2.4.2/assets/css/amazeui.css" rel="stylesheet" type="text/css">
<link href="/templates/hd/assets/css/personal.css" rel="stylesheet" type="text/css">
<link href="/templates/hd/assets/css/orstyle.css" rel="stylesheet" type="text/css">

@endsection




@section('script')

<script src="/templates/hd/assets/AmazeUI-2.4.2/assets/js/jquery.min.js"></script>
<script src="/templates/hd/assets/AmazeUI-2.4.2/assets/js/amazeui.js"></script>

@endsection







@section('content')
<div class="center">
    <div class="col-main">
        <div class="main-wrap">

            <div class="user-orderinfo">

                <!--标题 -->
                <div class="am-cf am-padding">
                    <div class="am-fl am-cf"><strong class="am-text-danger am-text-lg">订单详情</strong> / <small>Order&nbsp;details</small></div>
                </div>
                <hr/>
                <!--进度条-->
                <div class="m-progress">
                    <div class="m-progress-list">
            <span class="step-1 step">
                               <em class="u-progress-stage-bg"></em>
                               <i class="u-stage-icon-inner">1<em class="bg"></em></i>
                               <p class="stage-name">拍下商品</p>
                            </span>
                        <span class="step-2 step">
                               <em class="u-progress-stage-bg"></em>
                               <i class="u-stage-icon-inner">2<em class="bg"></em></i>
                               <p class="stage-name">卖家发货</p>
                            </span>



                        <span class="step-3 step">
                               <em class="u-progress-stage-bg"></em>
                               <i class="u-stage-icon-inner">3<em class="bg"></em></i>
                               <p class="stage-name">确认收货</p>
                        </span>



                        <span class="step-4 step">
                               <em class="u-progress-stage-bg"></em>
                               <i class="u-stage-icon-inner">4<em class="bg"></em></i>
                               <p class="stage-name">交易完成</p>
                            </span>
                        <span class="u-progress-placeholder"></span>
                    </div>
                    <div class="u-progress-bar total-steps-2">
                        <div class="u-progress-bar-inner"></div>
                    </div>
                </div>
                <div class="order-infoaside">
                    <div class="order-logistics">
                        <a href="logistics.html">
                            <span class="am-icon-angle-right icon"></span>
                        </a>
                        <div class="clear"></div>
                    </div>
                    <div class="order-addresslist">
                        <div class="order-address">
                            <div class="icon-add">
                            </div>
                            <p class="new-tit new-p-re">
                                <span class="new-txt">{{$adress['name']}}</span>
                                <span class="new-txt-rd2">{{$adress['tel']}}</span>
                            </p>
                            <div class="new-mu_l2a new-p-re">
                                <p class="new-mu_l2cw">
                                    <span class="title">收货地址：</span>
                                    <span class="province">{{explode('-',$adress['adress'])[0]}}</span>省
                                    <span class="city">{{explode('-',$adress['adress'])[1]}}</span>市
                                    <span class="dist">{{explode('-',$adress['adress'])[2]}}</span>区
                                    <span class="street">{{$adress['moreadress  ']}}</span></p>

                                </div>
                        </div>
                    </div>
                </div>
                <div class="order-infomain">

                    <div class="order-top">
                        <div class="th th-item">
                            <td class="td-inner">商品</td>
                        </div>
                        <div class="th th-price">
                            <td class="td-inner">单价</td>
                        </div>
                        <div class="th th-number">
                            <td class="td-inner">数量</td>
                        </div>
                        <div class="th th-operation">
                            <td class="td-inner">商品操作</td>
                        </div>
                        <div class="th th-amount">
                            <td class="td-inner">合计</td>
                        </div>
                        <div class="th th-status">
                            <td class="td-inner">交易状态</td>
                        </div>
                        <div class="th th-change">
                            <td class="td-inner">交易操作</td>
                        </div>
                    </div>

                    <div class="order-main">

                        <div class="order-status3">
                            <div class="order-content">
                                <div class="order-left">


                                    @foreach($orderlist as $v)

                                        <ul class="item-list">
                                        <li class="td td-item">
                                            <div class="item-pic">
                                                <a href="#" class="J_MakePoint">
                                                    <img src="{{explode(',',$v->good->pics)[0]}}" class="itempic J_ItemImg">
                                                </a>
                                            </div>
                                            <div class="item-info">
                                                <div class="item-basic-info">
                                                    <a href="#">
                                                        <p>{{$v->good->title}}</p>

                                                        {{--@foreach($v->huowu)--}}
                                                        {{--<p class="info-little">颜色：{{$v->huowu->attr}}--}}
                                                            {{--<br/>包装：裸装 </p>--}}


                                                        @foreach($v->huowu->attrgroup($v->huowu->id) as $vv)
                                                            <p class="info-little">{{$vv['attr']}}: {{$vv['sonattr']}}</p>
                                                            <br>
                                                        @endforeach

                                                    </a>
                                                </div>
                                            </div>
                                        </li>
                                        <li class="td td-price">
                                            <div class="item-price">
                                                {{$v->good->mallprice+$v->huowu->fujiaprice}}
                                            </div>
                                        </li>
                                        <li class="td td-number">
                                            <div class="item-number">
                                                <span>×</span>
                                                <span class="shu">{{$v['num']}}</span>
                                            </div>
                                        </li>
                                        <li class="td td-operation">
                                            <div class="item-operation">
                                                退款/退货
                                            </div>
                                        </li>
                                    </ul>

                                    @endforeach

                                </div>


                                <div class="order-right">
                                    <li class="td td-amount">
                                        <div class="item-amount">
                                            合计：<span id="heji">0</span>
                                        </div>
                                    </li>
                                    <div class="move-right">



                                        <li class="td td-status">
                                            <div class="item-status">
                                                <p class="Mystatus">等待发货</p>
                                            </div>
                                        </li>


                                        @if($order['status'])
                                        <li class="td td-change">
                                            <div class="am-btn am-btn-danger anniu">
                                                确认收货</div>
                                        </li>
                                        @else
                                            <li class="td td-change">
                                                <div class="am-btn am-btn-danger anniu">
                                                    一键支付</div>
                                            </li>

                                        @endif


                                    </div>
                                </div>
                                <script>

                                    $(function () {
                                        var heji = 0;
                                        $('.item-price').each(function () {
                                            heji += parseInt($(this).html()) * parseInt($('.shu').html())
                                        })
                                        // alert(heji)
                                        $('#heji').text(heji)
                                    })

                                </script>




                            </div>

                        </div>
                    </div>
                </div>



                <div class="order-title">
                    <div class="dd-num">订单编号：<a href="javascript:;">{{$order['orderId']}}</a></div>
                    <span style="float: right">成交时间：{{$order['created_at']}}</span>
                    <!--    <em>店铺：小桔灯</em>-->
                </div>




            </div>

        </div>


    </div>

    @include('public.aside')

</div>
@endsection